.left{
    float: left;
}
.right{
    float: right;
}
*{
    font-family: initial;
}
#myForm{
    position: absolute;
    top:10.5vh;
    height: 91vh;
    right:0px;
    width: 86.5vw;
    border-top:0.6vw solid  #F2F2F2;
    border-left:0.6vw solid #F2F2F2;
    padding: 1vw;
    background-color: white;
    font-family: initial;
    box-sizing: border-box;
}
.section1 p{
    font-size: 17px;
    margin-bottom: 20px;
}
#statistic{
    background-color: #F3F7FA;
    width: 100%;
    height: 10vh;
    border:1px solid #DBDBDB;
    display: flex;
    justify-content: space-between;
}
.function{
    display: flex;
    justify-content: space-between;
    margin: 20px 0px 40px;
    height: 5vh;
}
.function input{
    cursor: text;
    width: 7vw;
}
.function span{
    line-height: 5vh;
    font-family: initial !important;
}
.mybtn{
    height: 5vh;
    background-color: #E6F4FE;
    width: 5vw;
    text-align: center;
   color:#0A92FA;
   cursor: pointer; 
}
.mybtn:hover{
    color:white;
    background-color:#0A92FA ;
}
thead tr th{
    background-color: #F2F2F2;
    border:2px solid #DDDDDD;
    text-align: center;
    width: 8vw;
    height: 7vh;
    cursor: text;
}
#userTable td{
    text-align: center;
}
input{
    cursor: text;
}
#addUser {
    width: 40vw;
    height: 80vh;          
    position: absolute; 
    margin:auto;
    left: 0;
    bottom: 0;
    background-color: white;
    padding: 50px 30px;
}
#delUser{
    width: 15vw;
    height: 11vh;       
    border-radius: 15px;
    font-size: 16px;
    position: absolute; 
    margin:auto;
    left: 0;
    bottom: 0;
    background-color: white;
    padding: 2vw 1vw;
    text-align: center;
}
.glyphicon{
    cursor: pointer;
}
.search{
    font-size: 14px;
}
.pointer{
    position: relative;
}
.page:first-child{
    margin-left: 40vw;
}
#statistic>div{
    margin-top:1vh;
}
.pointer::before{
content: '';
display: block;
background-color: #D4321C;
border-radius: 100%;
height: 10px;
width: 10px;
position: absolute;
left: -10px;
top: 5px;
}
#two::before{
    background-color: #F58700;
}
#three::before{
    background-color: #33D5E9;
}
#four::before{
    background-color: #00E266;
}
#five::before{
    background-color: #333333;
}
.color,.color2,.color3,.color4,.color5{
    position: relative;
}
.color::before,.color2::before,.color3::before,.color4::before,.color5::before{
    content: '';
    display:block;
    width:.6vw;
    height:.6vw;
    border-radius:99%;
    position: absolute;
    left: 1.8vw;
    bottom: .6vw;
}
.color::before{
    background-color: red;
}
.color2::before{
    background-color:#F58700;
}
.color3::before{
    background-color:#00E266 ;
}
.color4::before{
    background-color: #333333;
}
#userTable tr:nth-child(2n){
    background-color: #F3FAFF;
}